<!--
  描述：员工异动详情页
  @author tanghongjun
  @since 2020-05-14 11:28:02
-->
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<head th:include="common/common :: jscss">
    <title>新增或编辑分类</title>
</head>
<body>

<div class="layui-fluid">

    <blockquote class="layui-elem-quote layui-text">
        <zmn th:text="${(staffChangeLog.logId == 0) ? '新增员工异动' : '修改'+staffChangeLog.name}"></zmn>
    </blockquote>

    <div class="layui-card">
        <form method="post" action="" class="layui-form" lay-filter="zmn-form">

            <input type="hidden" name="logId" th:value="${staffChangeLog.logId}"/>

            <div class="layui-card-header" style="margin-top:10px;"><b>基本信息</b></div>
            <div class="layui-split">&nbsp;</div>

            <div class="layui-form-item" th:if="${staffChangeLog.logId > 0}">
                <label class="layui-form-label">ID：</label>
                <div class="layui-input-block">
                    <div class="layui-form-mid">
                        <span th:text="${staffChangeLog.logId}">ID</span>
                        <span th:text="${staffChangeLog.status == 2 ? '启用' : '禁用'}">status</span>
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">主键</label>
                <div class="layui-input-block">
                    <div class="layui-input-inline" style="width: 390px">
                        <input type="text" name="logId" th:value="${staffChangeLog.logId}" placeholder="100字以内"
                               lay-verify="required" autocomplete="off" class="layui-input" maxlength="100"/>
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">员工ID</label>
                <div class="layui-input-block">
                    <div class="layui-input-inline" style="width: 390px">
                        <input type="text" name="staffId" th:value="${staffChangeLog.staffId}" placeholder="100字以内"
                               lay-verify="required" autocomplete="off" class="layui-input" maxlength="100"/>
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">日志内容</label>
                <div class="layui-input-block">
                    <div class="layui-input-inline" style="width: 390px">
                        <input type="text" name="content" th:value="${staffChangeLog.content}" placeholder="100字以内"
                               lay-verify="required" autocomplete="off" class="layui-input" maxlength="100"/>
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">操作人ID</label>
                <div class="layui-input-block">
                    <div class="layui-input-inline" style="width: 390px">
                        <input type="text" name="abutmenterId" th:value="${staffChangeLog.abutmenterId}" placeholder="100字以内"
                               lay-verify="required" autocomplete="off" class="layui-input" maxlength="100"/>
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">操作人</label>
                <div class="layui-input-block">
                    <div class="layui-input-inline" style="width: 390px">
                        <input type="text" name="abutmenter" th:value="${staffChangeLog.abutmenter}" placeholder="100字以内"
                               lay-verify="required" autocomplete="off" class="layui-input" maxlength="100"/>
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">执行人类型：1本人，2自动，3管理者</label>
                <div class="layui-input-block">
                    <div class="layui-input-inline" style="width: 390px">
                        <input type="text" name="abutmenterType" th:value="${staffChangeLog.abutmenterType}" placeholder="100字以内"
                               lay-verify="required" autocomplete="off" class="layui-input" maxlength="100"/>
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">操作备注</label>
                <div class="layui-input-block">
                    <div class="layui-input-inline" style="width: 390px">
                        <input type="text" name="abutmenterRemark" th:value="${staffChangeLog.abutmenterRemark}" placeholder="100字以内"
                               lay-verify="required" autocomplete="off" class="layui-input" maxlength="100"/>
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label"></label>
                <div class="layui-input-block">
                    <div class="layui-input-inline" style="width: 390px">
                        <input type="text" name="createTime" th:value="${staffChangeLog.createTime}" placeholder="100字以内"
                               lay-verify="required" autocomplete="off" class="layui-input" maxlength="100"/>
                    </div>
                </div>
            </div>
            <zmn th:if="${staffChangeLog.logId > 0}">
                <div class="layui-card-header"><b>其他信息</b></div>
                <div class="layui-split">&nbsp;</div>
                <div class="layui-form-item layui-form-item-xs">
                    <label class="layui-form-label">修改人/时间</label>
                    <div class="layui-input-block">
                        <div class="layui-form-mid layui-word-aux"
                             th:text="${staffChangeLog.updater} + '&nbsp;/&nbsp;' + ${#dates.format(staffChangeLog.updateTime, 'yyyy-MM-dd HH:mm:ss')}">
                            修改人/时间
                        </div>
                    </div>
                </div>
                <div class="layui-form-item layui-form-item-xs">
                    <label class="layui-form-label">创建人/时间</label>
                    <div class="layui-input-block">
                        <div class="layui-form-mid layui-word-aux"
                             th:text="${staffChangeLog.creater} + '&nbsp;/&nbsp;' + ${#dates.format(staffChangeLog.createTime, 'yyyy-MM-dd HH:mm:ss')}">
                            创建人/时间
                        </div>
                    </div>
                </div>
            </zmn>

            <div class="layui-split">&nbsp;</div>
            <div class="layui-form-item layui-layout-admin">
                <div class="layui-input-block">
                    <div class="layui-footer" style="left: 0;">
                        <button class="layui-btn" lay-submit="" lay-filter="zmn-area-form-submit" th:if="${#authPermit.checkPermit('/staff/staffchangelog/addEdit.action')}">保存</button>
                        <button class="layui-btn layui-btn-primary" id="cancleBtn">
                            取消
                        </button>
                    </div>
                </div>
            </div>

        </form>

    </div>

</div>

<script type="text/javascript" th:inline="javascript">

    var json = {
        staffChangeLog: [[${staffChangeLog}]]
    };

    layui.config({
        base: "/static/lay/"
    }).extend({
        index: "lib/index",
        plat_staffchangelog_detail: "staff/staffchangelog/zmn.plat.staffchangelog.detail",
    }).use(['index', 'plat_staffchangelog_detail']);

</script>
</body>
</html>